<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>搞搞学习-smallcc</title>
    <meta name="description" content="呆小川的日常描述">
    <link rel="shortcut icon" href="Mark.ico" />
    <link rel="stylesheet" type="text/css" href="css/materialize.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/animation.css">
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <![endif]-->
</head>

<body>
    <div id="pageContain">
        <!-- 首页简介 -->
        <div class="page section1  current">
            <div class="contain">
                <div class="myavatar"><img class="z-depth-3" src="images/Mark.png"></div>
                <h1 class="myname">Hi , 我叫是smallcc</h1>
                <p class="subtitle">满腔热血的激情 · 一个像素的执着 · 追求极致的作品</p>
                <h5>软件工程师</h5>
                <a href="#modal1" class="modal-trigger btn mybtns btn-download">简&nbsp;&nbsp;介</a>
                <!-- 基本资料 -->
                <div id="modal1" class="modal mydatas">
                    <div class="modal-content">
                        <h6>基本资料</h6>
                        <div class="row">
                            <span class="col s12">姓名：呆小川</span>
                            <span class="col s12">年龄：21岁</span>
                            <span class="col s12">学历：本科</span>
                            <span class="col s12">工作经验：很多</span>
                            <span class="col s12">毕业学校：四川农业大学</span>
                            <span class="col s12">专业：计算机科学与技术</span>
                            <span class="col s12">爱好：写代码、听音乐写代码、逛IT论坛、关注前沿技术</span>
                            <span class="col s12">应聘职位：软件工程师</span>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">关闭</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 个人技能 -->
        <div class="page section2">
            <div class="contain">
                <h4 class="text-center">个人技能</h4>
                <div class="myskills text-center">
                    <a class="stress">HTML/HTML5</a>
                    <a class="stress">Bootstrap  Weui</a>
                    <a class="stress">jQuery Zepto</a>
                    <a class="stress">PhotoShop</a>
                    <a>JavaScript Vue Angularjs</a>
                    <a>Ajax Json</a>
                    <a class="stress">Docker k8s</a>
                    <a class="stress">Spring frameworks</a>
                    <a class="stress">NSQL(redis mongodb ...)</a>
                    <a class="stress">Hadoop</a>
                    <a class="stress">Hyperledger Fabric</a>
                    <a class="stress">C# JAVA GO</a>
                    <a class="stress">分布式微服务架构</a>
                </div>
            </div>
        </div>
        <!-- 工作经验 -->
        <div class="page section3">
            <div class="contain">
                <h4 class="text-center">工作经验</h4>
                <div class="experience">
                    <div class="time-line"></div>
                    <div class="work-content">
                        <div class="work-item">
                            <div class="mouth-flag rel">
                                <span>至今</span>
                                <i class="mdi-image-panorama-fisheye"></i>
                            </div>
                            <div class="work-box wow_01">
                                <p>
                                    linkw
                                </p>
                            </div>
                        </div>
                        <div class="work-item">
                            <div class="year-flag rel">
                                2016年
                                <i class="mdi-action-query-builder"></i>
                            </div>
                        </div>
                        <div class="work-item">
                            <div class="mouth-flag rel">
                                <i class="mdi-image-panorama-fisheye"></i>
                            </div>
                            <div class="work-box wow_02">
                                <p>
                                    成都生涯科技
                                </p>
                            </div>
                        </div>
                        <div class="work-item">
                            <div class="year-flag rel">
                                2017
                                <i class="mdi-action-query-builder"></i>
                            </div>
                        </div>
                        <div class="work-item">
                            <div class="mouth-flag rel">
                                <i class="mdi-image-panorama-fisheye"></i>
                            </div>
                            <div class="work-box wow_03">
                                <p>
                                    成都同方赛威讯
                                </p>
                            </div>
                        </div>
                        <div class="work-item">
                            <div class="year-flag rel">
                                2018
                                <i class="mdi-action-query-builder"></i>
                            </div>
                        </div>
                        <div class="work-item">
                            <div class="mouth-flag rel">
                                <i class="mdi-image-panorama-fisheye"></i>
                            </div>
                            <div class="work-box wow_04">
                                <p>
                                    link the word
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 个人作品 -->
        <div class="page section4 ">
            <div class="contain contains">
                <h4 class="text-center">个人作品/项目</h4>
                <ul class="collection row">
                    <li class="collection-item col s11 m5 avatar">
                        <a target="_blank" href="http://www.issmallcc.cn">个人博客</a>
                        <a target="_blank" href="http://www.smallcc.cn/bilibili">高仿bilibili</a>
                    </li>
                    <li class="collection-item col s11 m5 avatar">
                        <a target="_blank" href="http://hd.meijue.cc/scene/index.html#lottery">抽奖效果</a>&nbsp;&nbsp;
                        <a target="_blank" href="http://hd.meijue.cc/scene/index.html#signin">签到效果</a>&nbsp;&nbsp;
                        <a target="_blank" href="http://hd.meijue.cc/scene/index.html#painting">启动仪式</a>&nbsp;&nbsp;
                    </li>
                    <li class="collection-item col s11 m5 avatar">
                        <a target="_blank" href="http://hd.meijue.cc/meijue-manager/activity/code.adm?linkId=16&code=061Lrmb72QdQfM0v5v972Xgpb72LrmbU&state=1">送礼物</a>&nbsp;&nbsp;
                        <a target="_blank" href="http://hd.meijue.cc/meijue-manager/dfd.html">摇一摇</a>&nbsp;&nbsp;
                        <a target="_blank" href="http://hd.meijue.cc/meijue-manager/view/signIn.adm?linkId=19">签到</a>&nbsp;&nbsp;
                        <a target="_blank" href="http://hd.meijue.cc/meijue-manager/activity/toSendBessing.adm">送祝福语</a>
                    </li>
                    <li class="collection-item col s11 m5 avatar">
                        <a target="_blank" href="http://www.smallcc.cn">个人视频</a>&nbsp;&nbsp;
                        <a target="_blank" href="http://e.perfant.com">直播后台</a>
                    </li>
                    <li class="collection-item col s11 m5 avatar">
                        <a target="_blank" href="http://www.perfant.com/h/player/index.html?type=video&content=hello&createTime=2016-06-01&filename=4k.mp4&videoShot=demo_shot.jpg">H5全景分享</a>
                    </li>
                    <li class="collection-item col s11 m5 avatar">
                        <a target="_blank" href="https://gitee.com/smallcc/Taotaoshopping">分布式商城</a>
                    </li>
                    <li class="collection-item col s11 m5 avatar">
                        <a target="_blank" href="xunlei/index.html">防迅雷</a>&nbsp;&nbsp;
                        <a target="_blank" href="guoshi/index.html">防果实</a>
                    </li>
                    <li class="collection-item col s11 m5 avatar">
                        <span class="title">最后是一些小东西</span>
                        <p>
                            <a target="_blank" href="tanchishe/index.html">贪吃蛇</a> &nbsp;&nbsp;
                            <a target="_blank" href="canvastime.html">canva时钟</a> &nbsp;&nbsp;
                            <a target="_blank" href="3d/index.html">3D立方体</a> &nbsp;&nbsp;
                            <a target="_blank" href="3Dphoto/index.html">3D旋转木马</a>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 求职意向 -->
        <div class="page section5">
            <div class="contain">
                <h4 class="text-center">求职意向</h4>
                <div class="expect">
                    <p><i class="mdi-action-label-outline"></i>工作地点：成都</p>
                    <p><i class="mdi-action-label-outline"></i>公司行业：区块链</p>
                    <p><i class="mdi-action-label-outline"></i>期望薪资：10k - 12k</p>

                </div>
            </div>
            
        </div>
        <!-- 联系方式 -->
        <div class="page section6">
            <div class="contain">
                <h4 class="text-center">联系方式/社交</h4>
                <div class="callme">
                    <p>邮箱：<a href="Mailto:1486887838@qq.com">1486887838@qq.com</a></p>
                    <p>电话：<a href="tel:18161057239" class="call">18161057239</a></p>
                    <p>QQ：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1486997838&site=qq&menu=yes">1486887838</a></p>
                </div>
                <div class="social">
                    <a href="tel:18161057239" class="call-item"><img src="images/call_phone.png"></a>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1150429161&site=qq&menu=yes" class="call-item"><img src="images/call_qq.png"></a>
                    <a class="call-item modal-trigger" href="#modal-wx"><img src="images/call_wx.png"></a>
                    <div id="modal-wx" class="modal">
                        <div class="modal-content">
                            <h5>扫一扫，添加好友</h5>
                            <p class="text-center"><img src="images/weixin.jpg"></p>
                        </div>
                        <div class="modal-footer">
                            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">确定</a>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <a href="images/lc.docx" class="waves-effect waves-light btn btn-download"><i class="mdi-file-file-download left"></i>下载简历</a>
                    <a id="mobile-btn" class="waves-effect waves-light teal btn modal-trigger btn-download" href="#modal-mobile"><i class="mdi-hardware-phone-iphone left"></i>手机查看</a>
                    <div id="modal-mobile" class="modal">
                        <div class="modal-content">
                            <h5>扫一扫，手机查看(我不会告诉你微信上浏览效果更佳！)</h5>
                            <p class="text-center"><img src="images/mobile.png"></p>
                        </div>
                        <div class="modal-footer">
                            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">确定</a>
                        </div>
                    </div>
                </div>
                <div class="share">
                    给彼此一个机会，还彼此一个精彩！
                </div>
                <div class="share" >Copyright©2018 小佬哥 smalllc.top 所有<br/>
                    蜀ICP备17037462号-1
                      </div>
            </div>
        </div>
    </div>
    <!-- 右侧导航 -->
    <ul id="navBar">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <!-- 移动端音乐 -->
    <div id="js_musicBtn" class="musicBtn">
        <div></div>
        <span></span><span></span><span></span><span></span><span></span>
        <div style="display:block;">
            <audio id="media" src="bg-music.mp3" loop></audio>
        </div>
    </div>
   
    <script src="js/jquery.min.js"></script>
    <script src="js/fullPage.js"></script>
    <script src="js/materialize.min.js"></script>
    <script src="js/base.js"></script>
</body>

</html>
